{extend name="public/base" /}

{block name="main"}

<el-row>
    <span>信息汇总</span>
    <el-divider></el-divider>
</el-row>

{foreach $kss as $ks }

<el-row :gutter="20">
    {foreach $ks as $k=>$v }
    <el-col :span="6">

        <el-table :data="tableData.{$k}" size="small" border>


            <el-table-column label="{$v}">
                <template slot-scope="scope">
                    <el-link type="primary" v-bind:href=' "/configmanage?{$k}="+scope.row.{$k} ' target="_blank">{{
                        scope.row.{$k} }}
                    </el-link>
                </template>
            </el-table-column>
            <el-table-column label="数量" prop="count"></el-table-column>
        </el-table>


    </el-col>
    {/foreach}
</el-row>

{/foreach}

{/block}

{block name="js"}
<script>var distinctConfig = {:json_encode($distinctConfig)};</script>
<script>
    var _vue_= new Vue({
        el: '#app',
        data: function () {
            return {
                tableData: distinctConfig,
                currentPage1: 1,
            }
        },

        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        },
    });

</script>
{/block}